/*
 * @Description: 区分不同类型映射
 * @Author: Zzt
 * @Date: 2022-11-03 11:44:38
 * @LastEditTime: 2022-11-07 09:10:23
 */
import cs from 'classnames';

import { useMappingRelationContext } from '../contexts/MappingRelationContext';
import FileAndType from './FileAndType';
import TypeAndFile from './TypeAndFile';
import TypeAndType from './TypeAndType';

const OperateList = (props: any) => {
  const { current } = useMappingRelationContext();
  const { className } = props;

  return (
    <div className={cs('pane-container', className)}>
      {current === 7 && <FileAndType />}
      {current === 8 && <TypeAndFile />}
      {current === 9 && <TypeAndType />}
    </div>
  );
};
export default OperateList;
